﻿<!DOCTYPE html>
<!-- saved from url=(0038)https://www.xgimi.com/en/carrying-case -->
<html
  class="js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  <title>Mogo-carrying-case - XGIMI</title>
  <!-- Google Tag Manager -->
  <script type="text/javascript" async="" src="../../public/analytics.js"></script>
  <script type="text/javascript" async="" src="../../public/f.txt"></script>

  <script async="" src="../../public/gtm.js"></script>
  <script>(function (w, d, s, l, i) {
      w[l] = w[l] || []; w[l].push({
        'gtm.start':
          new Date().getTime(), event: 'gtm.js'
      }); var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
          'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-WMSHTH5');</script>
  <!-- End Google Tag Manager -->

  <!-- Global site tag (gtag.js) - Google Ads: 699771446 -->
  <script async="" src="../../public/js"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'AW-699771446');
  </script>


  <!-- SEO -->

  <meta name="viewport" content="width=device-width">
  <meta name="keywords"
    content="Projector, H1, H1 by XGIMI, 1080P, Harman Kardon, XGIMI, 4K, Bluetooth Speaker, Android, Android OS">
  <meta name="description"
    content="Xgimi designs and manufactures high-quality screenless TV.The innovation of Xgimi offers a wide range of options for entertainments like movies at home.">
  <!-- END SEO -->

  <title ng-bind="site_title">Screenless TV | Chengdu Xgimi Technology Co.,Ltd.</title>
  <meta name="google-site-verification" content="CypE1FDHCZySxqXpZ3Hv9PuorhPi8FJKlvaHZgNvb8g">
  <link rel="stylesheet" href="../../public/css">
  <link rel="stylesheet" href="../../public/x-bs-vuetify.css">
  <link rel="stylesheet" href="../../public/xgimi-website-v2.css">
  <link rel="stylesheet" href="../../public/bootstrap.min.css">
  <link rel="stylesheet" href="../../public/page.css">
  <link rel="stylesheet" href="../../public/index.css">
  <script src="../../public/jquery.min.js"></script>



  <script id="ze-snippet" src="../../public/snippet.js"></script>


  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-QS0KRGL01M"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-QS0KRGL01M');
  </script>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-LDNT64TGCP"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-LDNT64TGCP');
  </script>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-C9875QDR17"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-C9875QDR17');
  </script>
</head>

<body class="black--text" style="background-color:black;">

  <!-- 菜单/标题 start -->

  <header id="shopify-section-header" class="shopify-section mw-artboard bg-light">
    <nav class="site-header as-navbar navbar py-0 align-items-lg-center align-items-start bg-black" data-expand="true">
      <div
        class="container d-flex flex-column flex-lg-row justify-content-start justify-content-lg-between position-relative">
        <ul class="list-unstyled w-100 mb-0 nav-menu flex-column flex-lg-row d-flex">
          <li class="flex-center d-none d-lg-flex me-5">
            <a class="align-items-center d-flex flex-column text-decoration-none" style="max-width: 189px;" href="/">
              <img src="../../public/20210510165648.png" class="w-50" style="min-width: 100px;" alt="">
            </a>
          </li>

          <li class="flex-lg-grow-1">
            <ul class="d-flex flex-column flex-lg-row justify-content-start list-unstyled w-100 px-7">
              <li
                class="dropdown d-flex flex-column flex-lg-row align-items-start align-items-lg-center justify-content-start">
                <a class="ps-0 ps-sm-4 w-100 borderBottom-gray-900 nav-link text-nowrap d-flex active text-white"
                  href="javascript:void(0);" role="button" aria-haspopup="true">HORIZON Series</a>
                <div
                  class="bg-black as-dropdown-menu py-sm-3 px-sm-4 dropdown-menu dropdown-menu-center align-items-center flex-column border-0 w-100 w-sm-auto">

                  <a class="ps-5 ps-sm-0 w-100 borderBottom-gray-900 dropdown-item text-white text-nowrap"
                    href="/index.html">Horizon</a>

                  <a class="ps-5 ps-sm-0 w-100 borderBottom-gray-900 dropdown-item text-white text-nowrap"
                    href="/vn/horizon-pro.html"> Horizon Pro</a>
                </div>
              </li>


              <li class=" flex-center justify-content-start justify-content-lg-center borderBottom-gray-900">
                <a class="ps-0 ps-sm-4 nav-link flex-center text-nowrap text-white" href="/vn/elfin.html">
                  Elfin
                </a>
              </li>

              <li
                class="dropdown d-flex flex-column flex-lg-row align-items-start align-items-lg-center justify-content-start">
                <a class="ps-0 ps-sm-4 w-100 borderBottom-gray-900 nav-link text-nowrap d-flex active text-white"
                  href="javascript:void(0);" role="button" aria-haspopup="true">Halo Series</a>
                <div
                  class="bg-black as-dropdown-menu py-sm-3 px-sm-4 dropdown-menu dropdown-menu-center align-items-center flex-column border-0 w-100 w-sm-auto">

                  <a class="ps-5 ps-sm-0 w-100 borderBottom-gray-900 dropdown-item text-white text-nowrap"
                    href="/vn/halo.html">Halo</a>

                  <a class="ps-5 ps-sm-0 w-100 borderBottom-gray-900 dropdown-item text-white text-nowrap"
                    href="/vn/halo+.html"> Halo+</a>
                </div>
              </li>

              <li
                class="dropdown d-flex flex-column flex-lg-row align-items-start align-items-lg-center justify-content-start">
                <a class="ps-0 ps-sm-4 w-100 borderBottom-gray-900 nav-link text-nowrap d-flex active text-white"
                  href="javascript:void(0);" role="button" aria-haspopup="true">MoGo Series</a>
                <div
                  class="bg-black as-dropdown-menu py-sm-3 px-sm-4 dropdown-menu dropdown-menu-center align-items-center flex-column border-0 w-100 w-sm-auto">

                  <a class="ps-5 ps-sm-0 w-100 borderBottom-gray-900 dropdown-item text-white text-nowrap"
                    href="/vn/mogo.html">MoGo</a>

                  <a class="ps-5 ps-sm-0 w-100 borderBottom-gray-900 dropdown-item text-white text-nowrap"
                    href="/vn/mogo-pro.html"> Mogo Pro</a>

                  <a class="ps-5 ps-sm-0 w-100 borderBottom-gray-900 dropdown-item text-white text-nowrap"
                    href="/vn/mogo-pro+.html"> Mogo Pro+</a>
                </div>
              </li>


              <li class=" flex-center justify-content-start justify-content-lg-center borderBottom-gray-900">
                <a class="ps-0 ps-sm-4 nav-link flex-center text-nowrap text-white" href="/vn/aura.html">
                  Aura
                </a>
              </li>
              <li
                class="dropdown d-flex flex-column flex-lg-row align-items-start align-items-lg-center justify-content-start">
                <a class="ps-0 ps-sm-4 w-100 borderBottom-gray-900 nav-link text-nowrap d-flex active text-white"
                  href="javascript:void(0);" role="button" aria-haspopup="true">Accessories</a>
                <div
                  class="bg-black as-dropdown-menu py-sm-3 px-sm-4 dropdown-menu dropdown-menu-center align-items-center flex-column border-0 w-100 w-sm-auto">

                  <a class="ps-5 ps-sm-0 w-100 borderBottom-gray-900 dropdown-item text-white text-nowrap"
                    href="/vn/accessories/x-desktop.html">X-Desktop</a>

                  <a class="ps-5 ps-sm-0 w-100 borderBottom-gray-900 dropdown-item text-white text-nowrap"
                    href="/vn/accessories/mogo-carrying-case.html">MoGo Carrying Case</a>

                  <a class="ps-5 ps-sm-0 w-100 borderBottom-gray-900 dropdown-item text-white text-nowrap"
                    href="/vn/accessories/x-desktop-stand-pro.html">X-Desk Stand Pro</a>

                </div>
              </li>

              <li class=" flex-center justify-content-start justify-content-lg-center borderBottom-gray-900">
                <a class="ps-0 ps-sm-4 nav-link flex-center text-nowrap text-white" href="/vn/about.html">
                  About
                </a>
              </li>
              <li class="  ">
                <a class="ps-0 ps-sm-4 nav-link flex-center text-nowrap text-white  translation-btn" href="/en/">
                  EN
                </a>
              </li>
            </ul>
          </li>


        </ul>
        </li>
        </ul>
      </div>
    </nav>


  </header>
  <section id="shopify-section-1620390051963b6b6d" class="
  shopify-section
  secondary-menu secondary-menu
  site-top-header
  second
  sticky-top
  ">
    <nav class="navbar sub p-0 position-relative bg-dark">
      <div class="
      container
      d-flex
      justify-content-lg-start justify-content-between
      flex-nowrap
    ">
        <a href="javascript:void(0);" class="navbar__entry text-decoration-none h5 mb-0 text-white">Carrying-case</a>
        <div class="d-flex align-items-center d-lg-none as-navbar-dropdown">
          <span class="menu-arrow text-muted">
            <svg style="fill: currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
              viewBox="0 0 24 24" fill="">
              <path d="M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z"></path>
            </svg>
          </span>
        </div>
        <div class="
        navbar__content-wrapper
        sub-menu
        first-sub-menu
        pl-0
        mb-0
        ms-lg-auto
        bg-dark
      ">

        </div>
      </div>
    </nav>
    <i class="submenu-mask"></i>
  </section>
  <!-- 菜单/标题  end -->

  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WMSHTH5" height="0" width="0"
      style="display: none; visibility: hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->



  <div class="fixed-view">
    <div class="x-overlay x-overlay--active" style="z-index: 2000; display: none" tag-id=""></div>
    <div id="dialog-container" class="x-dialog__content x-dialog__content--active" tabindex="-1"
      style="z-index: 2001; display: none" tag-id="dialog-container">
      <div class="container x-card white px-0 py-4 x-dialog"></div>
    </div>
    <div id="youtube-container" class="x-dialog__content x-dialog__content--active" tabindex="-1"
      style="z-index: 2001; display: none" tag-id="youtube-player">
      <iframe id="youtube-video" class="x-dialog" width="1068px" height="600px" src="../../public/saved_resource.html"
        frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
        allowfullscreen="" style="width: 1068px"></iframe>
    </div>
    <div id="hint-container" class="x-dialog__content x-dialog__content--active" tabindex="-1" tag-id="hint-container"
      style="z-index: 2001; display: none">
      <div id="hint-context" class="px-4 py-3 text-center x-dialog" style="
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            max-width: 200px;
          "></div>
    </div>

  </div>



  <!-- 悬浮按钮  - start  -->
  <link rel="stylesheet" href="../../public/xgimi.css" />
  <a id="facebook-btn" class="fixed-btn" target="_blank"
    href="https://www.facebook.com/Chuy%C3%AAn-M%C3%A1y-Chi%E1%BA%BFu-Ch%C3%ADnh-H%C3%A3ng-XGIMI-102733085317780/"></a>
  <a id="zalo-btn" class="fixed-btn" target="_blank" href="https://zalo.me/0366312374"></a>
  <a id="telphone-btn" class="fixed-btn" href="tel://0366312374">
    <i></i>0366-312-374
  </a>
  <a id="email-btn" class="fixed-btn"
    href="mailto:xgimi.pt@gmail.com?subject=Thông điệp trên trang web xgimi&body= Họ tên: %0d%0a số điện thoại: "></a>

  <div id="goTop-btn" style="display: block;"></div>
  <!-- 悬浮按钮  - end  -->


  <script>
    $(".x-overlay").on("click", function () {
      $("#youtube-container iframe").remove();
    });
  </script>

  <div class="container-fluid" style="min-height: 70vh">


    <section id="MoGo/MoGo Pro Carrying Case" class="container-fluid " data-index="-1"
      style="padding: 0;position:relative;">


      <div class="row " style="position:relative;color:white;">










        <div class="col-12  " card-index="0">

          <div class=" row  " style="position: relative; height: 700px;" heightxs="600" heightsm="600" heightmd="600"
            heightlg="700" heightxl="700" has-height="true">


            <div class=" img-background d-none d-xl-block"
              style="background-image:url(&#39;https://global.static.xgimi.com/4c6db7b051a04e1378576eb1fc00bcfd&#39;)">
            </div>


            <div class="img-background d-none d-lg-block d-xl-none"
              style="background-image:url(&#39;https://global.static.xgimi.com/4c6db7b051a04e1378576eb1fc00bcfd&#39;)">
            </div>


            <div class="img-background d-none d-md-block d-lg-none"
              style="background-image:url(&#39;https://global.static.xgimi.com/d183e75d7a318cd8cf32fe1c51954381&#39;)">
            </div>


            <div class="img-background d-none d-sm-block d-md-none"
              style="background-image:url(&#39;https://global.static.xgimi.com/d183e75d7a318cd8cf32fe1c51954381&#39;)">
            </div>


            <div class="img-background d-xs-block d-sm-none"
              style="background-image:url(&#39;https://global.static.xgimi.com/d183e75d7a318cd8cf32fe1c51954381&#39;)">
            </div>




            <div class=" col-xl-5 offset-xl-1 col12  x-pt-128 x-pr-48 x-pl-48 text-center"
              style="position:relative;color:white;">

              <div class="x-fs-64 x-fw-400  " style="">
                MoGo/MoGo Pro Carrying Case
              </div>

            </div>



            <div class=" col-12  x-mb-320 x-pr-0 x-pl-0 x-height-128" style="position:relative;">
              <div class="d-none d-md-block img-contain"
                style="background-image: url(&#39;&#39;);width:100%;height:100%">
              </div>
              <div class="d-none d-sm-block d-md-none img-contain"
                style="background-image: url(&#39;&#39;);width:100%;height:100%">
              </div>
              <div class="d-xs-block d-sm-none img-contain"
                style="background-image: url(&#39;&#39;);width:100%;height:100%">
              </div>
            </div>


          </div>

        </div>


      </div>


    </section>





    <div class="row" style="padding:0 15px;background-color:#FFFFFF    ">
      <section id="Group" class="container-fluid " data-index="-1" style="padding: 0;position:relative;">


        <div class="row  x-pb-32" style="position:relative;background-color:#FFFFFF;background-image:#FFFFFF;">










          <div class="col-xl-8 offset-xl-2 col-12  " card-index="0">

            <div class=" row  " style="position:relative;">













              <div class="col-12  " card-index="0">

                <div class=" row  " style="position:relative;">













                  <div class="col-xl-6 col-12 order-0 order-md-0 d-flex align-center " card-index="0">

                    <div class=" row  x-pt-64 " style="position:relative;">









                      <div class=" col-12  x-pr-48 x-pb-16 x-pl-48" style="position:relative;color:#525252 ;">

                        <div class="x-fs-40 x-fw-300  " style="">
                          Thiết kế thông minh
                        </div>

                      </div>



                      <div class=" col-12  x-pr-48 x-pl-48" style="position:relative;color:#525252 ;">

                        <div class="x-fs-18 x-fw-400  " style="">
                          Không gian rộng rãi, đủ cho máy chiếu MoGo, điều khiển từ xa, bộ đổi nguồn và cáp nguồn.
                        </div>

                      </div>


                    </div>

                  </div>








                  <div class="col-xl-6 col-12 order-0 order-md-1  " card-index="0">

                    <div class=" row  x-pt-32 x-pb-32 " style="position:relative;">









                      <div class=" col-12  x-mt-64 x-pr-0 x-pl-0" style="position: relative; height: 400px;"
                        heightxs="250" heightsm="260" heightmd="400" heightlg="400" heightxl="400" has-height="true">
                        <div class="d-none d-md-block img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/9a24dc3c77101c4200be0345d192e06e&#39;);width:100%;height:100%">
                        </div>
                        <div class="d-none d-sm-block d-md-none img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/9a24dc3c77101c4200be0345d192e06e&#39;);width:100%;height:100%">
                        </div>
                        <div class="d-xs-block d-sm-none img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/9a24dc3c77101c4200be0345d192e06e&#39;);width:100%;height:100%">
                        </div>
                      </div>


                    </div>

                  </div>



                </div>

              </div>








              <div class="col-12  " card-index="0">

                <div class=" row  " style="position:relative;">













                  <div class="col-xl-6 col-12 order-1 order-md-0  " card-index="0">

                    <div class=" row  x-pt-32 x-pb-32 " style="position:relative;">









                      <div class=" col-12  x-mt-64 x-pr-0 x-pl-0" style="position: relative; height: 400px;"
                        heightxs="250" heightsm="260" heightmd="400" heightlg="400" heightxl="400" has-height="true">
                        <div class="d-none d-md-block img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/2c76aec6c980d12734ff4c3cded4f47a&#39;);width:100%;height:100%">
                        </div>
                        <div class="d-none d-sm-block d-md-none img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/2c76aec6c980d12734ff4c3cded4f47a&#39;);width:100%;height:100%">
                        </div>
                        <div class="d-xs-block d-sm-none img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/2c76aec6c980d12734ff4c3cded4f47a&#39;);width:100%;height:100%">
                        </div>
                      </div>


                    </div>

                  </div>








                  <div class="col-xl-6 col-12 order-0 order-md-0 d-flex align-center " card-index="0">

                    <div class=" row  x-pt-64 " style="position:relative;">









                      <div class=" col-12  x-pr-48 x-pb-16 x-pl-48" style="position:relative;color:#525252 ;">

                        <div class="x-fs-40 x-fw-300  " style="">
                          Lớp lót chống sốc dày dặn
                        </div>

                      </div>



                      <div class=" col-12  x-pr-48 x-pl-48" style="position:relative;color:#525252 ;">

                        <div class="x-fs-18 x-fw-400  " style="">
                          Vừa chống va đạp vừa chống sự ma sát giữa các phụ kiện trong túi
                        </div>

                      </div>


                    </div>

                  </div>



                </div>

              </div>








              <div class="col-12  " card-index="0">

                <div class=" row  " style="position:relative;">













                  <div class="col-xl-6 col-12 order-0 order-md-0 d-flex align-center " card-index="0">

                    <div class=" row  x-pt-64 " style="position:relative;">









                      <div class=" col-12  x-pr-48 x-pb-16 x-pl-48" style="position:relative;color:#525252 ;">

                        <div class="x-fs-40 x-fw-300  " style="">
                          Thiết kế vỏ sò chống nước, chống va đập, mài mòn
                        </div>

                      </div>



                      <div class=" col-12  x-pr-48 x-pl-48" style="position:relative;color:#525252 ;">

                        <div class="x-fs-18 x-fw-400  " style="">

                        </div>

                      </div>


                    </div>

                  </div>








                  <div class="col-xl-6 col-12 order-0 order-md-1  " card-index="0">

                    <div class=" row  x-pt-32 x-pb-32 " style="position:relative;">









                      <div class=" col-12  x-mt-64 x-pr-0 x-pl-0" style="position: relative; height: 400px;"
                        heightxs="250" heightsm="260" heightmd="400" heightlg="400" heightxl="400" has-height="true">
                        <div class="d-none d-md-block img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/0d2e58ab7f3bb7b6f107b50722d8b942&#39;);width:100%;height:100%">
                        </div>
                        <div class="d-none d-sm-block d-md-none img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/0d2e58ab7f3bb7b6f107b50722d8b942&#39;);width:100%;height:100%">
                        </div>
                        <div class="d-xs-block d-sm-none img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/0d2e58ab7f3bb7b6f107b50722d8b942&#39;);width:100%;height:100%">
                        </div>
                      </div>


                    </div>

                  </div>



                </div>

              </div>








              <div class="col-12  " card-index="0">

                <div class=" row  " style="position:relative;">













                  <div class="col-xl-6 col-12 order-1 order-md-0  " card-index="0">

                    <div class=" row  x-pt-32 x-pb-32 " style="position:relative;">









                      <div class=" col-12  x-mt-64 x-pr-0 x-pl-0" style="position: relative; height: 400px;"
                        heightxs="250" heightsm="260" heightmd="400" heightlg="400" heightxl="400" has-height="true">
                        <div class="d-none d-md-block img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/cd7b095e3094542f9f2846b4fe1cc0ea&#39;);width:100%;height:100%">
                        </div>
                        <div class="d-none d-sm-block d-md-none img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/cd7b095e3094542f9f2846b4fe1cc0ea&#39;);width:100%;height:100%">
                        </div>
                        <div class="d-xs-block d-sm-none img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/cd7b095e3094542f9f2846b4fe1cc0ea&#39;);width:100%;height:100%">
                        </div>
                      </div>


                    </div>

                  </div>








                  <div class="col-xl-6 col-12 order-0 order-md-0 d-flex align-center " card-index="0">

                    <div class=" row  x-pt-64 " style="position:relative;">









                      <div class=" col-12  x-pr-48 x-pb-16 x-pl-48" style="position:relative;color:#525252  ;">

                        <div class="x-fs-40 x-fw-300  " style="">
                          Thiết kế cầm tay tiện dụng
                        </div>

                      </div>



                      <div class=" col-12  x-pr-48 x-pl-48" style="position:relative;color:#525252 ;">

                        <div class="x-fs-18 x-fw-400  " style="">

                        </div>

                      </div>


                    </div>

                  </div>



                </div>

              </div>








              <div class="col-12  " card-index="0">

                <div class=" row  " style="position:relative;">













                  <div class="col-xl-6 col-12 order-0 order-md-0 d-flex align-center " card-index="0">

                    <div class=" row  x-pt-64 " style="position:relative;">









                      <div class=" col-12  x-pr-48 x-pb-16 x-pl-48" style="position:relative;color:#525252 ;">

                        <div class="x-fs-40 x-fw-300  " style="">
                          Ngăn để điều khiển riêng biệt
                        </div>

                      </div>



                      <div class=" col-12  x-pr-48 x-pl-48" style="position:relative;color:rgba(255,255,255,0.9);">

                        <div class="x-fs-18 x-fw-400  " style="">

                        </div>

                      </div>


                    </div>

                  </div>








                  <div class="col-xl-6 col-12 order-0 order-md-1  " card-index="0">

                    <div class=" row  x-pt-32 x-pb-32 " style="position:relative;">









                      <div class=" col-12  x-mt-64 x-pr-0 x-pl-0" style="position: relative; height: 400px;"
                        heightxs="250" heightsm="260" heightmd="400" heightlg="400" heightxl="400" has-height="true">
                        <div class="d-none d-md-block img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/f748ec839b7f98228d44e50e537052cf&#39;);width:100%;height:100%">
                        </div>
                        <div class="d-none d-sm-block d-md-none img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/f748ec839b7f98228d44e50e537052cf&#39;);width:100%;height:100%">
                        </div>
                        <div class="d-xs-block d-sm-none img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/f748ec839b7f98228d44e50e537052cf&#39;);width:100%;height:100%">
                        </div>
                      </div>


                    </div>

                  </div>



                </div>

              </div>








              <div class="col-12  " card-index="0">

                <div class=" row  " style="position:relative;">













                  <div class="col-xl-6 col-12 order-1 order-md-0  " card-index="0">

                    <div class=" row  x-pt-32 x-pb-32 " style="position:relative;">









                      <div class=" col-12  x-mt-64 x-pr-0 x-pl-0" style="position: relative; height: 400px;"
                        heightxs="250" heightsm="260" heightmd="400" heightlg="400" heightxl="400" has-height="true">
                        <div class="d-none d-md-block img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/9ca0c1446359a52f9cb04ac6965c3020&#39;);width:100%;height:100%">
                        </div>
                        <div class="d-none d-sm-block d-md-none img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/9ca0c1446359a52f9cb04ac6965c3020&#39;);width:100%;height:100%">
                        </div>
                        <div class="d-xs-block d-sm-none img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/9ca0c1446359a52f9cb04ac6965c3020&#39;);width:100%;height:100%">
                        </div>
                      </div>


                    </div>

                  </div>








                  <div class="col-xl-6 col-12 order-0 order-md-0 d-flex align-center " card-index="0">

                    <div class=" row  x-pt-64 " style="position:relative;">









                      <div class=" col-12  x-pr-48 x-pb-16 x-pl-48" style="position:relative;color:#525252 ;">

                        <div class="x-fs-40 x-fw-300  " style="">
                          Khoá kéo chống nước
                        </div>

                      </div>



                      <div class=" col-12  x-pr-48 x-pl-48" style="position:relative;color:rgba(255,255,255,0.9);">

                        <div class="x-fs-18 x-fw-400  " style="">

                        </div>

                      </div>


                    </div>

                  </div>



                </div>

              </div>



            </div>

          </div>


        </div>


      </section>
    </div>





    <section id="Dành riêng cho Mogo" class="container-fluid " data-index="-1" style="padding: 0;position:relative;">


      <div class="row " style="position:relative;color:white;">










        <div class="col-12  " card-index="0">

          <div class=" row  " style="position: relative; height: 700px;" heightxs="550" heightsm="550" heightmd="550"
            heightlg="700" heightxl="700" has-height="true">


            <div class=" img-background d-none d-xl-block"
              style="background-image:url(&#39;https://global.static.xgimi.com/53619430394c654679d4eb96e26c93c9&#39;)">
            </div>


            <div class="img-background d-none d-lg-block d-xl-none"
              style="background-image:url(&#39;https://global.static.xgimi.com/53619430394c654679d4eb96e26c93c9&#39;)">
            </div>


            <div class="img-background d-none d-md-block d-lg-none"
              style="background-image:url(&#39;https://global.static.xgimi.com/a85a1a3492f7c212dd356c2dcf5c7657&#39;)">
            </div>


            <div class="img-background d-none d-sm-block d-md-none"
              style="background-image:url(&#39;https://global.static.xgimi.com/a85a1a3492f7c212dd356c2dcf5c7657&#39;)">
            </div>


            <div class="img-background d-xs-block d-sm-none"
              style="background-image:url(&#39;https://global.static.xgimi.com/a85a1a3492f7c212dd356c2dcf5c7657&#39;)">
            </div>




            <div class=" col-xl-4 offset-xl-1 col12  x-pt-128 x-pr-48 x-pl-48 text-center"
              style="position:relative;color:#525252 ;">

              <div class="x-fs-48 x-fw-300  " style="">
                Dành riêng cho Mogo
              </div>

            </div>



            <div class=" col-12  x-mb-320 x-pr-0 x-pl-0 x-height-128" style="position:relative;">
              <div class="d-none d-md-block img-contain"
                style="background-image: url(&#39;&#39;);width:100%;height:100%">
              </div>
              <div class="d-none d-sm-block d-md-none img-contain"
                style="background-image: url(&#39;&#39;);width:100%;height:100%">
              </div>
              <div class="d-xs-block d-sm-none img-contain"
                style="background-image: url(&#39;&#39;);width:100%;height:100%">
              </div>
            </div>


          </div>

        </div>


      </div>


    </section>






    <section id="Product Display" class="container-fluid " data-index="-1" style="padding: 0;position:relative;">


      <div class="row  x-pt-96" style="position:relative;color:white;background-color:white;">










        <div class="col-12  " card-index="0">

          <div class=" row  " style="position: relative; height: 500px;" heightxs="400" heightsm="400" heightmd="400"
            heightlg="500" heightxl="500" has-height="true">


            <div class=" img-background d-none d-xl-block"
              style="background-image:url(&#39;https://global.static.xgimi.com/aada8395c4af7f5e15ca543e01c15b28&#39;)">
            </div>


            <div class="img-background d-none d-lg-block d-xl-none"
              style="background-image:url(&#39;https://global.static.xgimi.com/aada8395c4af7f5e15ca543e01c15b28&#39;)">
            </div>


            <div class="img-background d-none d-md-block d-lg-none"
              style="background-image:url(&#39;https://global.static.xgimi.com/7181c718c366b8e3e8d3d8c65b706377&#39;)">
            </div>


            <div class="img-background d-none d-sm-block d-md-none"
              style="background-image:url(&#39;https://global.static.xgimi.com/7181c718c366b8e3e8d3d8c65b706377&#39;)">
            </div>


            <div class="img-background d-xs-block d-sm-none"
              style="background-image:url(&#39;https://global.static.xgimi.com/7181c718c366b8e3e8d3d8c65b706377&#39;)">
            </div>




            <div class=" col-xl-8 offset-xl-2 col-12  x-pr-48 x-pl-48 text-center"
              style="position:relative;color:#525252 ;">

              <div class="x-fs-48 x-fw-300  " style="">
                Cấu trúc bên trong
              </div>

            </div>



            <div class=" col-12  x-mb-320 x-pr-0 x-pl-0" style="position: relative; height: 700px;" heightlg="700"
              heightxl="700" has-height="true">
              <div class="d-none d-md-block img-contain"
                style="background-image: url(&#39;&#39;);width:100%;height:100%">
              </div>
              <div class="d-none d-sm-block d-md-none img-contain"
                style="background-image: url(&#39;&#39;);width:100%;height:100%">
              </div>
              <div class="d-xs-block d-sm-none img-contain"
                style="background-image: url(&#39;&#39;);width:100%;height:100%">
              </div>
            </div>


          </div>

        </div>


      </div>


    </section>





    <div class="row" style="padding:0 15px;background-color:#FFFFFF  ">
      <section id="Specs" class="container-fluid " data-index="-1" style="padding: 0;position:relative;">


        <div class="row  x-mt-48 x-pb-32"
          style="position:relative;background-color:#FFFFFF  ;background-image:#FFFFFF  ;">










          <div class="col-xl-8 offset-xl-2 col-12  " card-index="0">

            <div class=" row  " style="position:relative;">













              <div class="col-12  " card-index="0">

                <div class=" row   bg-f9"
                  style="position:relative;color:white;background-color:white;background-image:white;">













                  <div class="col-xl-6 col-12 order-0 order-md-1  " card-index="0">

                    <div class=" row  x-pb-32 " style="position:relative;">









                      <div class=" col-12  x-pt-40 x-pr-0 x-pl-0" style="position: relative; height: 600px;"
                        heightxs="400" heightsm="400" heightmd="500" heightlg="600" heightxl="600" has-height="true">
                        <div class="d-none d-md-block img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/3402be060b54eac813a883718fd77947&#39;);width:100%;height:100%">
                        </div>
                        <div class="d-none d-sm-block d-md-none img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/3402be060b54eac813a883718fd77947&#39;);width:100%;height:100%">
                        </div>
                        <div class="d-xs-block d-sm-none img-cover"
                          style="background-image: url(&#39;https://global.static.xgimi.com/3402be060b54eac813a883718fd77947&#39;);width:100%;height:100%">
                        </div>
                      </div>


                    </div>

                  </div>








                  <div class="col-xl-6 col-12 order-0 order-md-0 d-flex align-center " card-index="0">

                    <div class=" row  " style="position:relative;">









                      <div class=" col-12  x-pr-48 x-pb-32 x-pl-48" style="position:relative;color:#525252 ;">

                        <div class="x-fs-48 x-fw-300  " style="">
                          Thông số sản phẩm
                        </div>

                      </div>



                      <div class=" col-12  x-pr-48 x-pl-48" style="position:relative;color:#525252 ;">

                        <div class="x-fs-18 x-fw-400  " style="">
                          Model: L706H
                        </div>

                      </div>



                      <div class=" col-12  x-pr-48 x-pl-48" style="position:relative;color:#525252 ;">

                        <div class="x-fs-18 x-fw-400  " style="">
                          Tên sản phẩm: Hộp đựng XGIMI MoGo/MoGo Pro
                        </div>

                      </div>



                      <div class=" col-12  x-pr-48 x-pl-48" style="position:relative;color:#525252 ;">

                        <div class="x-fs-18 x-fw-400  " style="">
                          Chất liệu: PU, EVA, Nylon
                        </div>

                      </div>



                      <div class=" col-12  x-pr-48 x-pl-48" style="position:relative;color:#525252 ;">

                        <div class="x-fs-18 x-fw-400  " style="">
                          Kích thước: 228x182x120mm/9x7.1x4.7in
                        </div>

                      </div>



                      <div class=" col-12  x-pr-48 x-pl-48" style="position:relative;color:#525252 ;">

                        <div class="x-fs-18 x-fw-400  " style="">
                          kích thước đóng gói: 230x195x124mm/9x7.6x4.8in
                        </div>

                      </div>



                      <div class=" col-12  x-pr-48 x-pb-40 x-pl-48" style="position:relative;color:#525252 ;">

                        <div class="x-fs-18 x-fw-400  " style="">
                          Khối lượng: 420g/14.8oz
                        </div>

                      </div>


                    </div>

                  </div>



                </div>

              </div>



            </div>

          </div>


        </div>


      </section>
    </div>



  </div>


  <!-- 页脚 --- start ----->
  <footer class="bg-black site-footer">
    <div class="pt-7 pb-3">
      <div class="container">
        <div class="d-flex justify-content-between flex-wrap">
          <div class="col-md col-6">
            <!-- Heading -->
            <h6 class="mb-0 text-white">Product</h6>
            <!-- Links -->

            <ul class="nav flex-column mb-4 small">
              <li class="nav-item mt-2">
                <a class="text-decoration-none" href="/">Horizon</a>
              </li>

              <li class="nav-item mt-2">
                <a class="text-decoration-none" href="/vn/horizon-pro.html">Horizon Pro</a>
              </li>
              <li class="nav-item mt-2">
                <a class="text-decoration-none" href="/vn/elfin.html">Elfin</a>
              </li>

              <li class="nav-item mt-2">
                <a class="text-decoration-none" href="/vn/mogo.html">MoGo</a>
              </li>

              <li class="nav-item mt-2">
                <a class="text-decoration-none" href="/vn/mogo-pro.html">MoGo Pro</a>
              </li>

              <li class="nav-item mt-2">
                <a class="text-decoration-none" href="/vn/halo.html">Halo</a>
              </li>

              <li class="nav-item mt-2">
                <a class="text-decoration-none" href="/vn/halo+.html">Halo+</a>
              </li>
              <li class="nav-item mt-2">
                <a class="text-decoration-none" href="/vn/aura.html">Aura</a>
              </li>
            </ul>
          </div>
          <div class="col-md col-6">
            <!-- Heading -->
            <h6 class="mb-0 text-white">Accessories</h6>
            <!-- Links -->

            <ul class="nav flex-column mb-4 small">
              <li class="nav-item mt-2">
                <a class="text-decoration-none" href="/vn/accessories/x-desktop.html">X-Desktop</a>
              </li>
              <li class="nav-item mt-2">
                <a class="text-decoration-none" href="/vn/accessories/mogo-carrying-case.html">MoGo
                  Carrying
                  Case</a>
              </li>
              <li class="nav-item mt-2">
                <a class="text-decoration-none" href="/vn/accessories/x-desktop-stand-pro.html">X-Desk
                  Stand
                  Pro</a>
              </li>
            </ul>
          </div>
          <div class="col-md col-6">
            <!-- Heading -->
            <h6 class="mb-0 text-white">XGIMI</h6>
            <!-- Links -->

            <ul class="nav flex-column mb-4 small">
              <li class="nav-item mt-2">
                <a class="text-decoration-none" href="/vn/about.html">About Us</a>
              </li>

              <li class="nav-item mt-2">
                <a class="text-decoration-none" href="/vn/contactUs.html">Contact Us</a>
              </li>

            </ul>
          </div>

          <div class="col-md col-6">

          </div>
        </div>
      </div>
    </div>

    <div class="container py-3">
      <div class="footer-legal">
        <div class="d-inline-block copyright">
          <p class="d-inline-block" style="color: #fff">© 2021 XGIMI
          </p>
        </div>
      </div>
    </div>


  </footer>
  <!-- 页脚 --- end ----->
  <link rel="stylesheet" href="../../public/materialdesignicons.min.css">
  <script src="../../public/bootstrap.min.js"></script>
  <script src="../../public/xgimi-website-v3.js"></script>

  <script>

    $("#goTop-btn").hide();
    $(function () {
      $(window).scroll(function () {
        if ($(window).scrollTop() > 50) {
          $("#goTop-btn").fadeIn(200);
        } else {
          $("#goTop-btn").fadeOut(200);
        }
      });
      $("#goTop-btn").click(function () {
        $('body,html').animate({
          scrollTop: 0
        },
          500);
        return false;
      });
    });
  </script>


</body>

</html>